<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>二次元俱乐部</title>
</head>

<body>
<!--
  文档的组成部分：
    各个部分的内容详情见文档：
      https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content/Structuring_documents
  1.页眉
  2.导航栏
  3.主内容
  4.侧边栏
  5.页脚
-->
<header>
  <!-- 本站所有网页的统一主标题 -->
  <h1>聆听电子天籁之音</h1>
</header>

<nav>
  <!-- 本站统一的导航栏 -->
  <ul>
    <li><a href="#">主页</a></li>
    <!-- 共 n 个导航栏项目，省略…… -->
  </ul>

  <form>
    <!-- 搜索栏是站点内导航的一个非线性的方式。 -->
    <input type="search" name="q" placeholder="要搜索的内容" />
    <input type="submit" value="搜索" />
  </form>
</nav>

<main>
  <!-- 网页主体内容 -->
  <article>
    <!-- 此处包含一个 article（一篇文章），内容略…… -->
  </article>

  <aside>
    <!-- 侧边栏在主内容右侧 -->
    <h2>相关链接</h2>
    <ul>
      <li><a href="#">这是一个超链接</a></li>
      <!-- 侧边栏有 n 个超链接，略略略…… -->
    </ul>
  </aside>
</main>

<footer>
  <!-- 本站所有网页的统一页脚 -->
  <p>© 2050 某某保留所有权利</p>
</footer>


<!--换行-->
换行 <br>
换行
<!--水平分割线-->
<hr>
</body>
</html>
